@CHARSET "UTF-8";
.body{
    margin:50px auto;
    height:500px;
    border-radius: 10px;
    width:877px;
    box-shadow: 0px 0px 5px #888888;
}

header .title{
     height:35px;
     width:877px;
     border-radius: 8px 8px 0px 0px;
    
 }

header .title img{
    float:right;
    margin-right:20px;
    margin-top:5px;
}

header .title span{
    color:white;
    display: inline-block;
    margin-left:10px;
    margin-top:5px;
}


 article .staffInfo{
		    height:465px;
		    border-radius: 0px 0px 10px 10px;
   			background-color:#ECF0F5;
		}

		article .staffInfo .title1{
		    display:inline-block;
		    margin-left: -340px;
		    margin-top:4px;
		    color:#F27E48;
		    position:absolute;
		}
		
		article .staffInfo .leftInfo{
		    border: 2px solid #DCDCDC;
		    height: 370px;
		    width: 339px;
		    margin-top: 30px;
		    display: inline-block;
		    background: white;
		    float:left;
		    z-index:1;
		}
		
		article .staffInfo .rightInfo{
			diplay: inline-block;
			width: 300px;
			float:right;
			margin-right:20%;
		}
		
		article .staffInfo .rightInfo .tips{
			margin-top:10px;
			margin-left:10px;
			color:#F27E48;
		}
		
		article .staffInfo img {
		    display: inline-block;
		    margin-top: 150px;
		    margin-left: 11px;
		    position:absolute;
		}
		
		footer .button{
			border: 1px solid #ABC0C6;
			width: 85px;
			height: 27px;
			position: absolute;
			margin-top: -49px;
			margin-left: 362px;
			background-color: #D3EEFC;
			border-radius: 7px;
			text-align: center;
			padding-top: 3px;
			color: #48636D;
		}